<template>
  <div>这是alex页面</div>
</template>

<script>
import http from "../assets/http";
export default {
  created() {
    //解决跨域的三种方案 Jsonp nginx
    // ACCESS-CONTROL-ALLOW-
    http({
      method: "GET",
      url: "https://www.fastmock.site/mock/8ee533e610872dde48d1326dd17beccb/demo/api/demo",
    });
    // http({
    //   method: "GET",
    //   url: "/api1/source",
    // });
  },
};
// 在本次项目中,因为后台设置了cros*

// 没有设置 crose* 就配置
// 在开发阶段 我们可以通过新建 vue.config.js

// 原理
// vue.config.js 这个文件是用来配置webpack的文件
// vue.config.js的内容是修改webpack的配置
// devServer 这个对象 修改这个脚手架内置服务器配置

// 当url中有/api 此时请求
// 从 "http://localhost:8000"
// 改成 target 的属性值 "http://localhost:3000"   后台地址

// 注意：
// 1.只要修改了vue.config.js 任何内容 我们都要重新项目
// 因为我们修改了webpack的配置 修改webpack的配置是需要重启项目才有效果的
// 2.当前的这个配置 只在开发环境下才有效果
// 因为devServer是内置服务器
// 服务器与服务器之间是不会存在跨域问题的
// 跨域问题只存在浏览器 和 服务器之间
// 项目上线之后如何处理呢？ 配置nginx解决
</script>

<style>
</style>